<!--
 * @description: 外出打卡
 * @Author: Coder
 * @Date: 2019-12-19 09:42:02
 * @LastEditors  : Coder
 -->
<template>
  <div>
    <!-- 子路由header -->
    <header class="flex space_between">
      <div class="l_title">
        外出打卡列表
      </div>
      <a-button @click="addOutset">添加外出打卡</a-button>
    </header>
    <!-- 子路由内容 -->
    <a-layout-content class="a_layout_content">
      <a-table :data-source="dataSource">
        <a-table-column title="规则名称">
          <template>
            1
          </template>
        </a-table-column>
        <a-table-column title="打卡时间">
          <template>
            <a-row>
              2
            </a-row>
            <a-row>
              3
            </a-row>
          </template>
        </a-table-column>
        <a-table-column title="打卡地址">
          <template slot-scope="text">
            <a-tooltip placement="bottomLeft">
              <template slot="title">
                {{ text.lastName }}
              </template>
              {{ text.lastName }}
            </a-tooltip>
          </template>
        </a-table-column>
        <a-table-column title="WiFi">
          <template slot-scope="text">
            <a-tooltip placement="bottomLeft">
              <template slot="title">
                {{ text.firstName }}
              </template>
              {{ text.firstName }}
            </a-tooltip>
          </template>
        </a-table-column>
        <a-table-column title="操作">
          <template slot-scope="text, record">
            <span>
              <span type="link" class="tc-theme cursor" @click="editor(text, record)">编辑</span>
              <a-divider class="tc-theme" type="vertical" />
              <span type="link" class="tc-theme cursor" @click="deleteItem(text, record)">删除</span>
            </span>
          </template>
        </a-table-column>
      </a-table>
    </a-layout-content>
  </div>
</template>

<script>
export default {
  name: "CheckOutside",

  data() {
    return {
      timeStart: null,
      timeEnd: null,
      checked: false,
      remarked: true,
      dataSource: []
    };
  },

  watch: {
    timeStart(val) {},
    timeEnd(val) {},
    checked(val) {},
    remarked(val) {}
  },

  methods: {
    /* 保存 */
    addOutset() {
      this.$router.push(`/check/checkSet/check-outside/${0}`);
    }
  }
};
</script>
<style lang="scss" scoped>
.sub_text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(37, 37, 37, 1);
  line-height: 20px;
}
</style>
